<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>溧阳地域分区</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="../../plugins/mui/mui.min.css" rel="stylesheet" />
    <!--<script src="../../js/statistics.js"></script>-->
    <style>
        .header{
            background: #2a2c33;
        }
        .header h1{
            color:#fff;
            font-size:18px;
        }
        .header a{
            color:#fff;
        }
        .mui-content>.mui-table-view:first-child{
            margin-top:0;
        }
        /*ul li{
            font-size:14px;
            padding-left:15px;
        }
        .mui-table-view-cell{
            padding-left:45px;

        }
        ul .sc1{
            background:url("../../images/icon/executive_housekeeper/FFXC.png") no-repeat 10px center;
            background-size: 25px;
        }
        ul .sc2{
            background:url("../../images/icon/executive_housekeeper/WMYQ.png") no-repeat 10px center;
            background-size: 25px;
        }
        ul .sc3{
            background:url("../../images/icon/executive_housekeeper/kid.png") no-repeat 10px center;
            background-size: 25px;
        }
        .mui-table-view-cell:after{
        	left: 45px;
        }
        body{
        	background-color: #ffffff;
        }
        .mui-table-view-cell:last-child:after, .mui-table-view-cell:last-child:before{
        	height: 1px;
        }
        .mui-table-view:after{
        	display: none;
        }
        .mui-navigate-right:after, .mui-push-right:after{
            font-size:18px;
            right:12px;
        }*/
               body,.mui-content{
	background-color: #fff;
}
.mui-bar{
	background-color: #2a2c33;
}
.mui-bar a{
	color: #fff;
}
.mui-bar h1{
	color: #fff;
	font-size: 18px;
}
.mui-table-view{
	background-color: inherit;
	font-size: 15px;
}
.mui-content>.mui-table-view:first-child{
	margin-top: 0;
}
.mui-table-view:before{
	height: inherit;
}

.mui-table-view:after{
	left: 62px;
	background-color: #e5e5e5;
}
.mui-table-view-cell:after{
	left: 62px;
	background-color: #e5e5e5;
}
.mui-table-view-cell{
	background-color: #fff;
}
.mui-table-view-cell>a:not(.mui-btn){
	padding:20px 12px 20px 62px;
	
}
.icon{
	width: 39px;
	height: 39px;
	position: absolute;
	display: inline-block;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.icon-xc{
	background-image: url(../../images/icon/executive_housekeeper/FFXC.png);
	background-size: cover;
}
.icon-yq{
	background-image: url(../../images/icon/executive_housekeeper/WMYQ.png);
	background-size: cover;
}

    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav header">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title" id='title'>警民互动</h1>
</header>
<div class="mui-content">
    <ul class='mui-table-view'>
        <li class='mui-table-view-cell sc1' value="police_interaction_1" data-href="http://paczwx.back.com.cn/weiweb/1/6492fa7d478cd5099801344c.html">
        	<a class="mui-navigate-right" href="javascript:;">
        		<i class="icon icon-xc"></i>防范宣传
        	</a>
        </li>
        <li class='mui-table-view-cell sc2' value="police_interaction_2" data-href="http://paczwx.back.com.cn/weiweb/1/87c4409cbd2dd4c4059899ca.html">
        	<a class="mui-navigate-right" href="javascript:;">
        		<i class="icon icon-yq"></i>文明养犬
        	</a>
        </li>
    </ul>
</div>
<script src="../../plugins/jquery/jquery-3.1.0.min.js"></script>
<script src="../../plugins/mui/mui.min.js"></script>
<script>
    mui.init();
    mui.plusReady(function(){
        $('.mui-content').on('tap','li',function(){
            var value=$(this).attr('value'),
                    dataHref=$(this).attr('data-href'),
                    title=$(this).find(".mui-navigate-right").eq(0).html();
            mui.openWindow({
                url:'jump_header.html',
                id:value+'.html',
                extras:{
                    title:title,
                    dataHref:dataHref
                },
                waiting:{
                    autoShow:true,//自动显示等待框，默认为true
                    title:'正在加载...',//等待对话框上显示的提示内容
                },
                show:{
                    autoShow:true,
                    aniShow:'fade-in'
                }
            })
        })
    })
</script>
</body>
</html>